<!DOCTYPE html>
<html lang="en">

  <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=l, initial-scale=1.0">
    <title>理解行盒</title>
  </head>
  <style>
    /* 
    行盒
      1.当盒子没有高度且没有内容的的时候，盒子宽度100%（因为是块元素）,高度为0不显示
      2.当盒子没有高度且有内容的的时候，盒子宽度100%（因为是块元素），高度就是内容的高度（line-height）
      3.
     */
    .box {
      background-color: pink;
    }

    span {
      background-color: red;
      /* font-size: 100px; */
    }

    strong {
      background-color: yellow;
    }

    i {
      display: inline-block;
      width: 100px;
      height: 300px;
      background-color: blue;
    }
  </style>

  <body>
    <div class="box">
      div元素
      5月6日，国家发xxxxx <span>span元素</span>改<i>inline-blockinline-blockinline-blockinline-block</i>委发<strong>strong元素</strong>布声明：<img src="../img/0.jpg"
        width="200">
      将无限期暂停中澳战略经济对话机制下一切活动。同日，在中国外交部的例行记者会上，一向温和的发言人汪文斌也对澳方行为给予了严厉批评。一天之内的两次出手，足见对澳方已是忍无可忍、愤怒无比！

      　　在中国的反击之下，澳元汇率应声下跌，澳大利亚股市也受到影响。不到24小时，澳大利亚贸易部长丹·特汉就赶紧出来表示，由于中澳之间经贸往来十分重要，希望中澳经济关系在经济对话无限期暂停的情况下还可以继续下去。

      　　莫里森也第一时间站出来，表示澳大利亚将继续遵循“一国两制”政策。澳政府高官这波“精分”操作，实在让人瞠目结舌。
    </div>
  </body>

</html>